<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width,init-scale=1.0">-->
    <title>Huawei</title>
    <link rel="stylesheet" href="style/style.css">
</head>
<body>
    <header>
        <div class="top_bar container clearfix">
            <p>
                <a href="#" class="active">首页</a>
                <a href="#">个人与家庭用户</a>
                <a href="#">企业用户</a>
                <a href="#">运营商用户</a>
            </p>
        </div>
        <div class="top container clearfix">
            <a href="#" class="fl logo"><img src="images/logo.jpg" alt=""></a>

            <div class="login fr">
                <p>
                    <a href="#">选择区域/语言</a> |
                    <a href="#">登录</a> |
                    <a href="#">注册</a>
                    <a href="#" class="weixin"></a>
                    <a href="#" class="weibo"></a>
                    <a href="#" class="ins"></a>
                </p>
            </div>
        </div>
    </header>

    <div id="navBar" class="clearfix">
        <ul id="nav" class="clearfix">
            <li>我想...</li>
            <li><a href="#">行业洞察</a></li>
            <li><a href="#">解决方案</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">产品</a></li>
            <li><a href="#">技术支持</a></li>
            <li><a href="#">产品社区</a></li>
            <li><a href="#">华为商城</a></li>
        </ul>
    </div>

    <div id="feature">
        <div class="container">
            <ul>
                <li><img src="images/1.jpg" alt=""></li>
                <li><img src="images/2.jpg" alt=""></li>
                <li><img src="images/3.jpg" alt=""></li>
            </ul>

            <div class="btn">
                <a href="#" class="active"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>

        </div>
    </div>

    <div id="news">
        <a href="#" class="link">新闻</a>
        <ul id="news_ul">
            <li><a href="#">华为发布移动视频报告白皮书 华为亮相2016年MWC•上海</a></li>
            <li><a href="#">智能的交通、畅捷的物流、</a></li>
            <li><a href="#">推进“全面云化”战略，使能行业数字化转型</a></li>
            <li><a href="#">华为轮值CEO徐直军向与会嘉宾解读了“全面云化”战略</a></li>
        </ul>
        <a href="#" class="last"></a>
        <a href="#" class="next"></a>
    </div>

    <div class="main clearfix">
        <div class="clearfix">
            <div class="section fl">
                <a href="#" class="img"><img src="images/bg1.jpg" alt=""></a>
                <a href="#" class="title">科技之美</a>
                <p>智能的交通、畅捷的物流、丰富的资讯……科技让生活如此美妙。在我们身边，科技之美无处不在</p>
            </div>

            <div class="section fl">
                <a href="#" class="img"><img src="images/bg2.jpg" alt=""></a>
                <a href="#" class="title">推进“全面云化”战略，使能行业数字化转型</a>
                <p>在2016年华为全球分析师大会上，华为轮值CEO徐直军向与会嘉宾解读了“全面云化”战略。</p>
            </div>

            <div class="section fl">
                <a href="#" class="img"><img src="images/bg3.jpg" alt=""></a>
                <a href="#" class="title">《营赢》第24期</a>
                <p>本期封面：Kevin Kelly认为，未来云端将诞生无数“X即服务”。有了云，所有实体产品都可成服务。</p>
            </div>
        </div>

        <div class="video"></div>

        <div class="clearfix">
            <div class="section fl">
                <a href="#" class="img"><img src="images/bg4.jpg" alt=""></a>
                <a href="#" class="title">4.5G，通往MBB 2020的成功之路</a>
                <p>作为LTE持续演进的方向和目标，4.5G是通往5G的必由之路 ，将帮助运营商在未来几年保持竞争力。</p>
            </div>

            <div class="section fl">
                <a href="#" class="img"><img src="images/bg5.jpg" alt=""></a>
                <a href="#" class="title">NFV驶入快车道</a>
                <p>以NFV/SDN为代表的未来网络演进方向，成为运营商网络转型的关键词，有望为运营商带来巨大价值。</p>
            </div>

            <div class="section fl">
                <a href="#" class="img"><img src="images/bg6.jpg" alt=""></a>
                <a href="#" class="title">如何通过视频覆盖打造最佳移动宽带网络</a>
                <p>创新的Video Coverage网络规划方法论，将如何帮助运营商构建高清视频体验无处不在的MBB网络？</p>
            </div>
        </div>
    </div>

    <div id="exhibition">
        <h3><a href="#">展会活动</a></h3>
        <div class="show clearfix">
            <div class="item fl clearfix">
                <p><a class="title" href="#">2016世界移动大会-上海</a></p>
                <a class="fl img"><img src="images/exhi_1.jpg" alt=""></a>
                <p class="con">迈向全联接世界的开放之路 </p>
                <p class="time">6月29日-7月1日    中国，上海</p>
            </div>

            <div class="item fl clearfix">
                <p><a class="title" href="#">2016 超宽带全球行</a></p>
                <a class="fl img"><img src="images/exhi_2.jpg" alt=""></a>
                <p class="con">UBB 2020，拥抱Gigaband时代  </p>
                <p class="time">4月-9月  </p>
            </div>

            <div class="item fl clearfix">
                <p><a class="title" href="#">2016年全球移动宽带论坛</a></p>
                <a class="fl img"><img src="images/exhi_3.jpg" alt=""></a>
                <p class="con">移动创新创造未来   </p>
                <p class="time">11月23-25日    日本，东京</p>
            </div>
        </div>
    </div>

    <footer class="clearfix">
        <div class="top clearfix">
            <div class="company fl">
                <div class="item fl">
                    <h3>按访问者</h3>
                    <p>
                        <a href="#">个人用户</a>
                        <a href="#">企业用户</a>
                        <a href="#">运营商用户</a>
                        <a href="#">新闻媒体</a>
                        <a href="#">供应商</a>
                        <a href="#">求职者</a>
                    </p>
                </div>

                <div class="item fl">
                    <h3>关于华为</h3>
                    <p>
                        <a href="#">公司简介</a>
                        <a href="#">公司治理</a>
                        <a href="#">高管信息</a>
                        <a href="#">债券投资者关系</a>
                        <a href="#">可持续发展</a>
                        <a href="#">网络安全</a>
                        <a href="#">出版物</a>
                        <a href="#">公司年报</a>
                    </p>
                </div>

                <div class="item fl">
                    <h3>新闻&展会</h3>
                    <p>
                        <a href="#">新闻</a>
                        <a href="#">媒体工具</a>
                        <a href="#">媒体联系</a>
                        <a href="#">安全通告</a>
                        <a href="#">展会活动</a>
                    </p>
                </div>

                <div class="item fl">
                    <h3>快速链接</h3>
                    <p>
                        <a href="#">华为商城</a>
                        <a href="#">荣耀官网</a>
                        <a href="#">华为海洋</a>
                        <a href="#">产品定义社区</a>
                        <a href="#">心声社区</a>
                        <a href="#">除名查询</a>
                        <a href="#">在线反馈</a>
                    </p>
                </div>
            </div>
            
            <div class="office fr">
                <img src="images/pic_bcw_zi.png" alt="">
                <ul class="ref clearfix">
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
                <div class="officeWX">
                    <img src="images/hw_408955.jpg" alt="">
                    <p>官方微信</p>
                </div>
            </div>
        </div>
        <div class="bottom clearfix">
            <p class="fl">版权所有 © 华为技术有限公司 1998-2016。 保留一切权利。粤A2-20044005号</p>
            <p class="fr">
                <a href="#">法律声明</a>  |
                <a href="#">隐私保护</a>  |
                <a href="#">联系我们</a>  |
                <a href="#">网站地图</a>
            </p>
        </div>
    </footer>

    <script src="js/jquery.min.js"></script>
    <script src="js/task.js"></script>
</body>
</html>